<template>
  <div>
    <section class="van-doc-demo-block demo-icon">
<router-link class="van-col van-col--8" to="/Newslist" tag="div"><i class="van-icon van-icon-new"></i><span>new</span></router-link>
<div class="van-col van-col--8"><i class="van-icon van-icon-hot-sale"></i><span>hot-sale</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-like-o"></i><span>like</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
<div class="van-col van-col--8"><i class="van-icon van-icon-close"></i><span>close</span></div>
</section>
  </div>
</template>

<script>
export default {
  name:'',
  data(){
   return {
     news:[
       {to:'../news/Newslist',Img_url:'../../../static/menu1.png'}
     ]
   }
  }
}
</script>

<style scoped>
.demo-icon {
  font-size: 0;
}
.demo-icon .van-col {
    text-align: center;
    height: 100px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.demo-icon .van-icon {
    display: block;
    font-size: 32px;
    margin: 15px 0;
    color: orange;
}
.demo-icon span {
    font-size: 14px;
}
</style>
